<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <!--表示轻质以最新的IE浏览器模式渲染页面-->
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <title>理财网站</title>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" href="css/main.css"/>
</head>
<body>
<!--[if lte IE8]>
<p class="browserupgrade">您的浏览器版本过于陈旧，请点击 <a href="http://borwsehappy.com">这里</a>更新，以获得最佳体验</p>
<![endif]-->
<!--页头start-->
<header>
    <nav class="top">
        <span class="tel">理财热线：400-888-8888</span>
        <ul>
            <li><a href="javascript:">登录</a></li>
            <li><a href="javascript:">快速注册</a></li>
            <li><a href="javascript:">关于</a></li>
            <li><a href="javascript:">帮助</a></li>
            <li><a href="javascript:">APP下载</a></li>
        </ul>
    </nav>
    <nav class="main">
        <a href="javascript:" class="brand"><img src="img/logo@1x.png" alt="回到首页"/></a>
        <ul>
            <li><a href="javascript:">首页</a></li>
            <li><a href="javascript:">理财频道</a></li>
            <li><a href="javascript:">投资频道</a></li>
            <li><a href="javascript:">新手专区</a></li>
            <li><a href="javascript:">安全保障</a></li>
        </ul>
    </nav>
</header>
<!--页头end-->

<div class="container">
    <!--交易信息-->
    <section class="transaction">
        <div class="trans-content clearfix">
            <div class="trans-data">
                <span>平台累计成交金额</span>
                <span class="trans-money">19888</span>
                <span>万元</span>
            </div>
            <div class="trans-data">
                <span>过去7日成交金额</span>
                <span class="trans-money">1777</span>
                <span>万元</span>
            </div>
            <div class="trans-report">
                <a href="javascript:">查看平台运营报告</a>
            </div>
        </div>
    </section>

    <!--滚动广告-->
    <section class="ad">
        <div class="item">
            <img src="img/ad001.png"/>
        </div>
        <div class="item">
            <img src="img/ad002.png"/>
        </div>
        <div class="item">
            <img src="img/ad003.png"/>
        </div>
    </section>

    <!--功能简介-->
    <section class="feature">
        <div class="item">
            <h3>安全</h3>
            <p>国家AA信用平台<br/>银行资金托管<br/>上市公司背景保证</p>
        </div>
        <div class="item">
            <h3>权威</h3>
            <p>中央电视台推荐<br/>互联网百强企业<br/>标准起草单位</p>
        </div>
        <div class="item">
            <h3>省心</h3>
            <p>100元起投<br/>用户利益保障机制<br/>保险公司承保</p>
        </div>
    </section>

    <!--公告-->
    <section class="notice clearfix">
        <a href="javascript:">
            <span>2016-12-31</span>
            元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告
        </a>
        <a href="javascript:" class="more"> 更多公告</a>
    </section>

    <!--固定期限产品-->
    <section class="product clearfix">
        <h2>
            固定期限产品
            <em>甄选优质基金</em>
            <em>省时省力</em>
            <em>坐等收益</em>
        </h2>
        <div class="product-content">
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">3.50% <i>起</i></span></p>
                    <p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3-6</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">3.60% <i>起</i></span></p>
                    <p>总成交金额：<span class="money">2880 <i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>6-12</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">4.60% <i>起</i></span></p>
                    <p>总成交金额：<span class="money">3880 <i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>12-24</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">5.60% <i>起</i></span></p>
                    <p>总成交金额：<span class="money">4880 <i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:" class="disabled">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>24</em>个月以上</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">6.20% <i>起</i></span></p>
                    <p>总成交金额：<span class="money">5880 <i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:" class="disabled">购买</a>
                </div>
            </div>
        </div>
    </section>

    <!--债券/散标产品-->
    <section class="product clearfix">
        <h2>
            债券/散标产品
            <em>自主投资</em>
            <em>期限灵活</em>
        </h2>
        <div class="product-content">
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">3.50%</span></p>
                    <p>总成交金额：<span class="money">1880 <i>元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>5</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">3.60%</span></p>
                    <p>总成交金额：<span class="money">2880 <i>元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>7</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">4.60%</span></p>
                    <p>总成交金额：<span class="money">3880 <i>万</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>1</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">5.60%</span></p>
                    <p>总成交金额：<span class="money">4880 <i>元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:" class="disabled">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>12</em>个月</h3>
                <div class="info">
                    <p>约定年化收益：<span class="year-rate">6.20%</span></p>
                    <p>总成交金额：<span class="money">5880 <i>元</i></span></p>
                </div>
                <div class="buy">
                    <a href="javascript:" class="disabled">购买</a>
                </div>
            </div>
        </div>
    </section>

    <!--页脚导航-->
    <nav class="footer">
        <div class="footer-content clearfix">
            <p class="brand"></p>
            <ul>
                <li class="title">关于我们</li>
                <li><a href="javascript:">公司介绍</a></li>
                <li><a href="javascript:">业务模式</a></li>
                <li><a href="javascript:">合作机构</a></li>
                <li><a href="javascript:">服务协议</a></li>
            </ul>
            <ul>
                <li class="title">风险防范</li>
                <li><a href="javascript:">账户安全</a></li>
                <li><a href="javascript:">安全保障</a></li>
            </ul>
            <ul>
                <li class="title">理财产品</li>
                <li><a href="javascript:">固定期限</a></li>
                <li><a href="javascript:">债券/散标</a></li>
            </ul>
            <ul>
                <li class="title">交易帮助</li>
                <li><a href="javascript:">购买</a></li>
                <li><a href="javascript:">赎回</a></li>
                <li><a href="javascript:">提现</a></li>
            </ul>
            <ul>
                <li class="title">机构服务</li>
                <li><a href="javascript:">合作机构</a></li>
                <li><a href="javascript:">合作联系</a></li>
            </ul>
        </div>
    </nav>

</div>

<!--页脚start-->
<footer>
    <ul>
        <li><span class="icon icon-zfywxk">支付业务许可证</span></li>
        <li><span class="icon icon-pcirk">PCI认证</span></li>
        <li><span class="icon icon-visayz">Visa 验证</span></li>
        <li><span class="icon icon-vsjmfw">Versign加密服务</span></li>
        <li><span class="icon icon-wlgs">网络工商</span></li>
        <li><span class="icon icon-rzcx">电子商务协会认证诚信</span></li>
        <li><span class="icon icon-gs">XX工商</span></li>
    </ul>
    <p>XXX某互联网金融公司 版权所有 @ 2016-2017</p>
</footer>
<!--页脚end-->
</body>
</html>